html {
  font-size: 62.5%; }

#wrap {
  width: 100%;
  background: url("http://s.91renqi.com/assets/4_0/img/logreg/logbg.jpg") no-repeat; }
  #wrap header {
    width: 100%;
    background: black; }
    #wrap header .content {
      width: 63%;
      margin: 0 auto;
      height: 3rem; }
      #wrap header .content ul {
        display: flex;
        margin-top: 0.5rem; }
        #wrap header .content ul li {
          line-height: 2rem;
          padding: 0 10px;
          border-right: 1px solid white; }
          #wrap header .content ul li a {
            color: white;
            font-size: 1.3rem; }
            #wrap header .content ul li a:hover {
              color: orangered; }
  #wrap footer {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7); }
    #wrap footer ul {
      display: flex;
      height: 60px;
      padding: 10px 0;
      width: 100%;
      justify-content: center; }
      #wrap footer ul li {
        display: flex;
        height: 40px;
        width: 275px;
        text-align: center; }
        #wrap footer ul li p {
          text-align: center;
          font-size: 14px;
          color: white;
          line-height: 1.5; }
          #wrap footer ul li p span {
            font-size: 16px; }
        #wrap footer ul li img {
          margin-left: 15px; }
  #wrap .logo {
    margin: 0 auto;
    width: 40%;
    position: relative;
    top: 10%; }
    #wrap .logo img {
      width: 100%; }
  #wrap .login {
    animation: bounceInDown 3s;
    width: 17%;
    margin: 0 auto;
    position: relative;
    top: 10rem; }
    #wrap .login form ul .phone {
      background: url("http://s.91renqi.com/assets/4_0/img/logreg/logicon_03.png") no-repeat;
      position: relative; }
      #wrap .login form ul .phone span {
        position: absolute;
        top: 0;
        left: 50px;
        background: white;
        display: none; }
    #wrap .login form ul .pass {
      background: url("http://s.91renqi.com/assets/4_0/img/logreg/logicon_07.png") no-repeat; }
    #wrap .login form ul .phone,
    #wrap .login form ul .pass,
    #wrap .login form ul .yanzhen {
      background-color: white;
      background-position: 15px center; }
    #wrap .login form ul li {
      width: 310px;
      height: 40px;
      line-height: 40px;
      border-radius: 5px;
      margin-top: 15px; }
      #wrap .login form ul li h2 {
        color: white;
        font-size: 2rem; }
        #wrap .login form ul li h2 a {
          font-size: 12px;
          color: orangered;
          text-decoration: underline;
          vertical-align: middle;
          float: right; }
      #wrap .login form ul li input {
        border: none;
        margin-left: 50px;
        height: 30px;
        line-height: 30px; }
    #wrap .login form ul .btn button {
      width: 8rem;
      background: orangered;
      border-radius: 5px;
      color: white;
      height: 30px;
      border: none; }
    #wrap .login form ul .btn a {
      color: white;
      text-decoration: underline;
      vertical-align: middle;
      float: right; }
